.mj-tree ul {
  padding-left: 20px !important;
}

.mj-tree a {cursor:pointer;color:#515a6e;padding:2px 3px;transition: all .3s ease;}
.mj-tree a:hover {background: #eaf4fe;}
.mj-tree .selected > a {
  background:var(--primary);
  color:#fff;
  border-radius:2px;
}

.mj-tree .expand a {
  color:var(--primary);
  display: inline-block;
  line-height: normal;
  margin:0 3px;
}

.mj-tree i:not(.icon) {
  vertical-align: middle;
  transition: all .3s;
  cursor: pointer;
  opacity: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #666;
}

.mj-tree i.has-child {
  opacity: 1;
}

.mj-tree i.open-child {
  transform: rotate(90deg);
}

.mj-tree span {
  display: inline-block;
  vertical-align: top;
  font-size:0;
}

.mj-tree .mj-checkbox {
  vertical-align: text-bottom;
}

.mj-tree .mj-checkbox + a {
  background: none;
  color:initial;
}
.mj-tree .checked {
  color: red;
}

.mj-tree .tree-loading {
  height: 24px;
}

.mj-tree .tree-loading:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #666;
  border-right: 1px solid transparent;
  display: block;
  border-radius: 50%;
  animation: treeLoad 1s infinite linear both;
}

.mj-tree .checkbox-left{
    margin-left: 5px;
}

@keyframes treeLoad {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
